@CHARSET "UTF-8";
/* Configuracoes globais */
body{
	background:#FFF;
	font-family:Helvetica, sans-serif;
	font-size:12x;
	padding:0;
	border: 0;
	color:#333;
	overflow-x:hidden;
}
/* Textos selecionados */
::selection {
	background:#F60;
	color:#FFF;
}
/* Barras de rolagem */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  border-radius: 16px;
}

::-webkit-scrollbar-track-piece {
  background-color: #ffffff;
  -webkit-border-radius: 3px;
}

::-webkit-scrollbar-thumb:vertical {
  height: 5px;
  background-color: #666;
  -webkit-border-radius: 3px;
}

::-webkit-scrollbar-thumb:horizontal {
  width: 5px;
  background-color: #666;
  -webkit-border-radius: 3px;
}
/* Links */
a{
	color:#F60;
	text-decoration:none;
	border-bottom:1px dotted #FFF;
}
a:hover{
	color:#F30;
	border-bottom:1px dotted #F30;
}
input, select, .btn_laranja{
	font-family:"Arial Rounded MT Bold", arial, Helvetica, sans-serif;
	outline:none;
	border:solid 1px #999;
	background: #F1F1F1;
	width:195px;
	height:28px;
	line-height:22px;
	border-radius:3px;
	padding-left:5px;
	/*box-shadow:inset -1px -1px 6px #CCC;*/
}
select{
	width:auto;
}
input:focus, select:focus{
	background:#FFFACD;
	box-shadow:none;
}
input[type="submit"], input[type="button"], button, .btn_laranja{
	color:#FFF;
	white-space:nowrap;
	background: url(../imagens/button.png) repeat-x scroll 100% -16px transparent;
	background-color:#F60;
	width:auto;
	padding:3px 20px;
	box-shadow:none;
	border-color:#CD3700;
}
input[type="submit"]:hover, input[type="button"]:hover, button:hover, .btn_laranja:hover{
	background-position: 100% 0px;
	text-shadow:1px 1px #CD3700;
	cursor:pointer;
	color:#FFF;
}
/* Classes globais */
.clear{
	clear:both;
	float:none;
	margin:20px 0px;
	border:solid 1px #FFF;
}
.listaHorizontal{
	list-style:none;
	display:table;
	margin:0px;
	padding:0px;
	width:100%;
}
.listaHorizontal li{
	float:left;
	width:50%;
	height:32px;
	line-height:32px;
	margin:0px;
	padding:0px;
}
.destaqueTexto{
	font-family:"Arial Rounded MT Bold", arial, Helvetica, sans-serif;
}
/* Painel principal da aplicacao */
#boxPrincipal{
	background:#FFF;
	position:absolute;
	left:50%;
	top:0px;
	width:1000px;
	height:100%;
	margin-left:-500px;
}

/* Nome do usuario logado */
#login{
	position:absolute;
	top:10px;
	height:28px;
	width:200px;
	margin-left:780px;
	padding:3px 6px 3px 6px;
	line-height:22px;
	text-align:right;
	border-radius:3px;
	vertical-align:middle;
}
#login a img{
	vertical-align:middle;
}
/* Barra lateral, topo menu e rodape */
#painelLateral{
	position:fixed;
	top:0px;
	height:100%;
	width:200px;
	background:#FFF;
	box-shadow:5px 5px 15px #999;
}
.menuLateral{
	list-style:none;
	width:100%;
	margin:0px;
	padding:0px;
	border-top:1px solid #CCC;
}
.menuLateral li a{
	padding-left:8px;
	display:block;
	width:192px;
	height:40px;
	line-height:40px;
	border-bottom:1px solid #CCC;
	color:#999;
}
.menuLateral li a:hover, .menuLateral li a.ativo{
	background:#F60;
	transition-duration:0.5;
	transition-property:all;
	color:#FFF;
}
.menuLateral li a:hover{
	background:#999;
	transition-property: all;  
	transition-duration: 0.4s;  
	transition-timing-function:ease-in-out;
}
.destaqueLaranja{
	font-weight:bold;
	color:#F60;
}
/* Conteudo principal */
#conteudo{
	width:770px;
	height:auto;
	padding:10px;
	margin:90px 0px 0px 210px;
}
#conteudo div.boxConteudo{
	border:solid 1px #999;
	border-radius:3px;
	width:350px;
	height:250px;
	padding:3px;
	float:left;
	margin:10px;
	overflow-y:auto;
	overflow-x:hidden;
}
#breadcrumbs, .titulo{
	background:url('../imagens/marcador.png')no-repeat center left #CCC;
	height:32px;
	line-height:32px;
	color:#333;
	padding-left:40px;
	border-radius:5px;
	margin-bottom:25px;
}
#breadcrumbs a{
	border-bottom:none;
}
.menuIcones{
	list-style:none;
	width:512px;
	margin:0px 10px 10px 129px;
	padding:0px;
}
.menuIcones li{
	float:left;
}
.menuIcones li a{
	text-indent:-3000px;
	background: url('../imagens/sprite-funcoes.png') 0 0 no-repeat;
	display:block;
	width:128px;
	height:128px;
	line-height:40px;
}
.menuIcones li a.i1{background-position:-128px 0px;}
.menuIcones li a.i2{background-position:-256px 0px;}
.menuIcones li a.i3{background-position:-384px 0px;}

.menuIcones li a:hover{background-position:bottom left;}
.menuIcones li a.i1:hover{background-position:-128px -128px;}
.menuIcones li a.i2:hover{background-position:-256px -128px;}
.menuIcones li a.i3:hover{background-position:-384px -128px;}

/* Tabelas e listas de dados */
#menuSuperior{
	float:right;
}
table.lista{
	margin:2px;
	padding:0px;
	border:solid 1px #ccc;
	border-spacing:0;
  	border-collapse:collapse;
}
table.lista:not(.formLayout) thead tr{
	background:#666;
}
.formLayout td.editable{
	background:url('../imagens/editar_2.png') no-repeat center right;
	padding-right:10px;
}
table.lista tbody tr:hover, table.formLayout:not(.semHover) tr:hover, .formLayout td.editable:hover{
	background-color:#CCC;
}
table.lista th{
	color:#FFF;
	white-space:nowrap;
	border:none;
	padding:5px;
}
table.lista td, .formLayout td{
	height:32px;
	overflow:hidden;
	text-align:center;
	font-weight:normal;
	border:solid 1px #ccc;
	padding:5px;
	border-radius:3px;
}
table.lista td{
	max-width: 110px;
	overflow:hidden;
}
table.lista a, #conteudo div.noBorder{
	border:none;
}
table.lista .progressHoras{
	position:absolute;
	margin-top:-26px;
	margin-left:-5px;
	display:block;
	height:53px;
	width:0px;
	background-color:#FC3;
	z-index:1;
}
table.lista .pvalue{
	position:absolute;
	z-index:2;
	display:block;
	margin-top:-26px;
	margin-left:-5px;
	width:130px;
	height:50px;
	line-height:50px;
}
table.formLayout{
	border:none;
	width:95%;
}
table.formLayout td{
	border:none;
	text-align:left;
}
table.formLayout td label{
	display:block;
}
/* Janela Modal Personalizada */
#modalBox{
	position:fixed;
	top:-600px;
	width:750px;
	padding:6px;
	border-radius:3px;
	box-shadow:#333 2px 2px 15px;
	border:solid 1px #F1F1F1;
	margin-left:5px;
	height:460px;
	background:#FFF;
	overflow:hidden;
}
#modalBox .listaHorizontal{
	position:absolute;
	width:762px;
}
#modalBox .listaHorizontal li{
	width:710px;
}
#modalBox .listaHorizontal li:last-child{
	width:32px;
}
#modalBox .listaHorizontal li:last-child a{
	margin-top:4px;
	border-radius:3px;
	background-color:#F1F1F1;
	border:solid 1px #999;
	width:15px;
	color:#999;
	height:15px;
	line-height:17px;
	font-size:12px;
	text-align:center;
	display:block;
	padding:3px;
}
#modalBox .listaHorizontal li:last-child a:hover{
	color:#FFF;
	background-color:#900;
	border:solid 1px #300;
	text-shadow:1px 1px #300;
	
}
#modalBox #conteudoModal{
	border-top:solid 1px #F1F1F1;
	margin-top:33px;
	overflow:auto;
	height:426px;
}
#modalBox #conteudoModal .load{
	margin-top:38px;
	margin-left:150px;
}
/* Footer */
.copyright{
	position:fixed;
	bottom:10px;
	display:block;
	float:left;
	width:159px;
	height:50px;
	margin:0px 0px 10px 20px;
	background: url('../imagens/stp-sprite.png') 0 0 no-repeat;
	text-indent:-3000px;
}
.copyright:hover{
	background-position:0 -50px;
}

